body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.align-right{text-align: right;}
.align-left{text-align: left;}
.align-center{text-align: center;}

#emp_list button{
	text-align: left;
	margin: 5px 0;
}

#emp_list button.btn-success.active{
	background-color: #47a447;
	border-color: #398439;
	color: #fff;
}

#emp_list button i{
	margin: 0 10px;
}

#emp_settings{
	display: none;
}

#emp_settings span.name{
	display: block;
}
#emp_settings .is-present{
	margin-right: 10px;
}

.spinner{
	-webkit-animation: rotating 6s infinite linear;
	-moz-animation: rotating 6s infinite linear;
	animation: rotating 6s infinite linear;
	display: inline-block;
}

@-moz-keyframes rotating { 
	from{ -moz-transform: rotate(0deg);}
  to{ -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotating { 
	from{ -webkit-transform: rotate(0deg); }
  to{ -webkit-transform: rotate(360deg); }
}
@keyframes rotating { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
	from{ -webkit-transform: rotate(0deg); }
  to{ -webkit-transform: rotate(360deg); }
}
